/************rem适配********************/
@deviceBps: 320px, 360px,375px, 400px, 414px, 480px, 750px;
.html-font-size(@i, @design-font-size, @design-width) when (@i <= length(@deviceBps)) {  
  //注意less数组是从1开始的
  @bp: extract(@deviceBps, @i);
  @font: round(@bp / @design-width * @design-font-size, 4);
  @media only screen and (min-width: @bp){
    html {
      font-size: @font !important;
    }
  }
  .html-font-size((@i + 1), @design-font-size, @design-width);
}

.html-font-size(@design-font-size, @design-width) {
   html {
     font-size: @design-font-size;
   }
   .html-font-size(1, @design-font-size, @design-width);
}
/************单位转换********************/
.px2rem(@name, @px, @design-font-size) {
    @{name}: 1rem * round(@px / @design-font-size, 2);
}

@design-font-size : 16px;
@design-width : 375px;

.px2rem(@name, @px) {
    .px2rem(@name, @px, @design-font-size);
}
/************单位转换********************/
/************页面全局********************/
.pageCover{
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
}
/************垂直居中********************/
.verMiddle::before{
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 100%;
  width: 0;
  overflow: hidden;
}

/*********************调整滑动条样式 by zrj********************/
::-webkit-scrollbar {
width: 3px; /*对垂直流动条有效*/
height: 3px; /*对水平流动条有效*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
border-radius: 3px;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
border-radius: 7px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #E8E8E8;
}